<template>
	<view class="start">
		<view @click="goback">
			<image src="/static/zuojiantou.png" mode="widthFix" style="position: absolute;left: 20px;top: 25px;width: 15px;height: 15px;"></image>
		</view>
		<view class="red">
			<view class="topcontent">

			</view>
			<view class="topconttwo">

			</view>
		</view>
		<view class="img" style="display: flex;justify-content: center;margin-top: 10px;">
		<image :src="personList.avatar" mode="" style="border-radius: 50%;width: 50px;height: 50px;"></image>
		</view>

		<view class="content">
			<image :src="face" style="width: 50px;height:50px;border-radius: 50%;margin-right: 5px;"></image>
			{{personList.title}}的红包
		</view>
		<view style="margin-bottom: 25px;color: #DBDBDB;text-align: center;">{{y_number}}</view>
		<!-- 		<view class="desc" style="color: #CCCCCC;">
			4个红包,共100.00元,27秒抢光
		</view> -->
		<view class="desc" style="color: #CCCCCC;">
			共{{personList.hb_money}}元
				</view>
		<view class="infoper">
			<view class="left">
				<image :src="personList.avatar" mode=""></image>
				<view class="col">
					<text style="color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;font-family: PingFangSC-regular;">{{personList.nickname}}</text>
					<view style="height: 5px;"></view>
					<text style="color: rgba(156, 156, 156, 1);font-size: 12px;text-align: left;font-family: PingFangSC-regular;">{{personList.time}}</text>
				</view>
			</view>
			<view class="right">
				<view class="" style="font-size: 14px;text-align: right;margin-right: 15px;">
					<text style="margin-right: 5px;">{{personList.money}}</text>

					<text>{{hb_status==1?'元':'分'}}</text>
				</view>
				<view style="height: 5px;"></view>

			</view>
		</view>
		<view class="infoper" v-if="groupid==0" >
			<view class="left">
				<image :src="jb_uid_avatar" mode=""></image>
				<view class="col">
					<text style="color: rgba(16, 16, 16, 1);font-size: 14px;text-align: left;font-family: PingFangSC-regular;">{{s_name}}</text>
					<view style="height: 5px;"></view>
					<text style="color: rgba(156, 156, 156, 1);font-size: 12px;text-align: left;font-family: PingFangSC-regular;">{{js_time}}</text>
				</view>
			</view>
			<view class="right">
				<view class="" style="font-size: 14px;text-align: right;margin-right: 15px;">
					<text style="margin-right: 5px;">{{money}}</text>
		
					<text>元</text>
				</view>
				<view style="height: 5px;"></view>
				<!-- <view class="" style="display: flex;justify-content: flex-end;align-items: center;margin-right: 15px">
					<text style="font-size: 12px;margin-right: 10px;" class="lock">{{item.zlname}}</text>
					<text style="font-size: 12px;" class="lock">{{item.yqw}}</text>
				</view> -->
			</view>
		</view>
		<view class="" style="border: 1px solid #EEEEEE; width: 100%;margin-left: 10px;margin-right: 10px;margin: 10px;">

		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				rid: '',
				is_guoqi:'',
				groupid: '',
				face: '',
				num: '',
				money: '',
				hb_money: '',
				title: '',
				hb_status: '',
				personList: '',
				jstime: '',
				jb_uid_avatar:'',
				js_time:'',
				s_name:'',
				y_number:"",
				owner:''
			}
		},
		onLoad(options) {
			console.log(options)
			let myname = uni.getStorageSync('myUsername')
			let hbinfo = JSON.parse(options.username)
			let token = uni.getStorageSync("token")
			uni.request({
				url: this.G_base + '/api/lz/dhzs',
				method: 'POST',
				header: {
					'content-type': 'application/x-www-form-urlencoded',
					'Authori-zation': 'Bearer ' + token
				},
				data: {
					id:hbinfo.hb_id
				},
				success: res => {
					console.log(res)
					this.personList = res.data.data
				}
			})
		},
		methods: {
			goback() {
				console.log("返回")
				uni.navigateBack({
					delta: 1
				})
			},
			qbsfind(msg){
				console.log(msg)
				if(msg.account=="抢包助手1"||msg.account=="抢包助手2"||msg.account=="抢包助手3"||msg.account=="抢包助手4"||msg.account=="抢包助手5"||msg.account=="抢包助手6"||msg.account=="抢包助手7"||msg.account=="抢包助手8"||msg.account=="抢包助手9"||msg.account=="抢包助手10"){
					uni.navigateTo({
						url:"/pages/moreperson/qbsperson?qid="+this.groupid+"&name="+msg.account
					})
				}
			}
		},
	}
</script>

<style>
	.lock {
		color: #F20;
	}

	.start {
		position: relative;
	}

	.nav {
		position: absolute;
		top: 0px;
		left: 5px;
		padding-top: 20px;
	}

	.topconttwo {
		width: 100%;
		height: 100px;
		border-radius: 50% 50%;
		background: -webkit-linear-gradient(left, #a00000, #e10004, #a00000);
		margin-top: -15%;
	}

	.topcontent {
		width: 100%;
		height: 60px;
		background: -webkit-linear-gradient(left, #a00000, #e10004, #a00000);
	}


	/* .right text {
		margin-right: 29px;
	} */

	.col {
		display: flex;
		flex-direction: column;
	}

	.left {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.left image {
		margin-left: 19px;
		margin-right: 13px;
		width: 45px;
		height: 45px;
		border-radius: 90px;
	}

	.infoper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
	}

	.desc {
		margin-left: 12px;
		color: rgba(16, 16, 16, 1);
		font-size: 14px;
		text-align: left;
		font-family: PingFangSC-regular;
	}

	.content {
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgba(16, 16, 16, 1);
		font-size: 20px;
		text-align: left;
		font-family: PingFangSC-regular;
	}
</style>
